<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <link href="css/login.css" rel="stylesheet">
</head>

<body>
<div id="loginDiv">
    <p>账号：<input id="username" type="text"></p>
    <p>密码：<input id="password" type="password"></p>
    <button id="loginBtn">登录</button>
</div>

<script src="js/axios-0.18.0.js"></script>
<script>
    document.getElementById('loginBtn').onclick = function () {
        var userData = {
            userName: document.getElementById('username').value,
            passWord: document.getElementById('password').value
        };

        // 使用对象形式的参数传递账号和密码数据
        axios.post('http://3245465132165.v5.idcfengye.com/accounts', userData)
            .then(function (response) {
                if (response.data.data) {
                    // 登录成功，跳转到指定页面
                    window.location.href = 'page1.html';
                } else {
                    // 登录失败，进行相应的处理
                    alert('用户名或密码错误');
                }
            })
            .catch(function (error) {
                // 处理错误情况
                console.error(error);
            });
    };
</script>
</body>

</html>